<template>
    <div class="order-info">
        <div class="method body">
            <div class="header">订单信息</div>
            <div class="section">
                <div
                    class="item"
                    v-for="(item, index) in orderList"
                    :key="index"
                >
                    <OrderItem :item="item" />
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import OrderItem from "./orderItem";
export default {
    components: {
        OrderItem
    },
    props: {
        orderList: Array
    },
    data() {
        return {
            // orderList: [
            //     {
            //         categoryId: "ncjz",
            //         categoryName: "奶茶家族",
            //         count: 2,
            //         des: "冰/热饮 多重口味",
            //         img:
            //             "http://p1.meituan.net/wmproduct/27f7eba85cd59ba2669e4b36616fefcd77060.jpg",
            //         price: "1200",
            //         pricePay: 24,
            //         productId: "ncjz_gmnc",
            //         title: "古茗奶茶"
            //     }
            // ]
        };
    },

    methods: {}
};
</script>


<style lang="less" scoped>
.order-info {
    .body {
        background: #fff;
        padding: 0 30px 0 30px;
        margin-bottom: 20px;

        .header {
            padding: 30px 0 10px 0;
        }
    }
}
</style>